    .TabView>ul>li {
        background: -ms-linear-gradient(top, #fff, #99c);    
        background: -moz-linear-gradient(top, #fff, #99c);    
        background: -webkit-linear-gradient(top, #fff, #99c);    
        background: -o-linear-gradient(top, #fff, #99c);    
    }
    .TabView>ul>li.selected {
        background: -ms-linear-gradient(top, #69c, #369);    
        background: -moz-linear-gradient(top, #69c, #369);    
        background: -webkit-linear-gradient(top, #69c, #369);    
        background: -o-linear-gradient(top, #69c, #369);    
    }
    /*******************************************/
    .TabView {
        padding:.5em;
    }
    .TabView>ul {
        border:0;
        border-bottom:5px solid #369;
        padding:0;
        margin:0;
        font-size:.7em;
        white-space:nowrap;
    }
    .TabView>ul>li {
        display:inline-block;
        border:1px solid #369;
        background-color:#eee;
        padding:.5em;
        margin-right:.3em;
        border-top-left-radius: .7em;
        border-top-right-radius: .7em;
        box-shadow:.1em .3em .2em #369;
        text-shadow: -1px -1px 1px #fff;
        cursor:pointer;
        background: linear-gradient(top, #fff, #99c);    
    }
    .TabView>ul>li.selected {
        cursor:auto;
        color:#eee;
        background-color:#369;
        background: linear-gradient(top, #69c, #369);    
        text-shadow: 1px 1px 2px #000;
    }
    .TabView>ul>li.selected:active {
        position:static;
    }
    .TabView>ul>li:active {
        position:relative;
        top:1px;
        left:1px;
        text-shadow: 1px 1px 1px #fff;
    }
    .TabView>div {
        display:none;
        border:1px solid #369;
        padding:.5em;
    }
    .TabView>div.selected {
        display:block;
    }